<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第一个 JQuery 程序</title>
    <!-- 第一：下载JQ -->

    <!-- 第二：在页面中，导入 JQ 文件 -->
    <script src="../jquery-3.7.1.js"></script>

    
</head>
<body>
    <b>好好学习</b>
    <b>天天向上</b>
    <b><u>少点LOL</u></b>

    <button id="btn1">节点包裹</button>
    
    <!-- 第三：使用 JQ -->
    <script>
        
        $("#btn1").click(function(){
            // 第一：选择要操作的节点 
            var bNodes = $("b")
          
            // 第二：进行相关的操作
            // 1.选中节点各自在外包裹
            // bNodes.wrap("<p></p>")

            // 2.选中节点各自在内包裹
            bNodes.wrapInner("<p></p>")

            // 3.给所有选中节点在外统一使用一个节点包裹
            // bNodes.wrapAll("<p></p>")
            
            
        }) ;
        



    </script>
</body>
</html>